@charset "utf-8";
/* 左侧公用 */
.l_menu{ width: 280px;}
.l_menu dt{ width: 100%; height: 98px;background:url(../images/tn.png) no-repeat #008ed0;text-align: center;color: #fff;box-sizing: border-box;padding-top: 25px;position: relative;}
.l_menu dt::before{content: ''; width: 85%; height: 70px;border: 1px solid #15aff6;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.l_menu .sub_title{font-size: 14px;font-family: Arial, Helvetica, sans-serif;line-height: 2;text-transform: uppercase;}
.l_menu .sup_title{font-size: 24px;color: #fff;}
.l_menu dd{border: 1px solid #efefef;width: 100%;padding:0 15px 10px;box-sizing: border-box;}
.l_menu dd .t{margin: 10px auto;}
.l_menu dd a{width: 100%;line-height:45px;text-align: left;display: block;font-size: 16px;font-weight: bold;}
.l_menu dd a:hover{background: #f06200;color: #fff;}
.l_menu dd a:hover::before{color: #fff;}
.l_menu dd a::before{content: '';font-family: 'KAITI';padding:0 10px 0 10px; color: #999999;}
.l_menu dd a.navcur{background: #f06200;color: #fff;}
.l_menu dd a.navcur::before{color: #fff;}
.l_menu dd ul{border: 1px solid #efefef;padding: 10px;}
.l_menu dd ul a{margin: 0;font-size: 14px;border-bottom: 1px solid #efefef;font-weight: normal;}
.l_menu dd ul li a::before{content: '';font-family: 'KAITI';padding:0 10px 0 10px; color: #999999;}
.l_menu dd .t01{margin: 10px auto;border-bottom: 1px solid #efefef;}
.l_menu dd .t01 a{font-weight: normal;}
.l_menu dd .t01 a::before{content: '-';font-family: 'KAITI';padding:0 10px 0 10px; color: #999999;}
.l_menu dd .t01:hover a::before{color: #fff;}
.l_menu dd .t01 a.navcur{background: #f06200;color: #fff;}
.l_menu dd .t01 a.navcur::before{ color: #fff;}
.l_menu dd a.cur{color: #f06200; background: none;}

/* end */
/* yj_cases */
.yj_cases{}
.yj_cases_con{ width:100%; }
.yj_cases_con .hd{  position:relative; }
.yj_cases_con .hd ul{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.yj_cases_con .hd ul li{width: 16%;text-align: center; }
.yj_cases_con .hd ul li a{display: block;width: 100%;height: 45px;border: 1px solid #efefef;line-height: 45px;box-sizing: border-box;font-size: 16px;}
.yj_cases_con .hd ul li.on a{background: #f06200;color: #fff;border: none;}
.yj_cases_con .bd ul{ padding:0;  zoom:1;  }
.yj_cases_con .bd ul .item{background-color: #008ed0;margin: 20px auto;}
.yj_cases_con .bd ul .item .pic{width: 745px;height: 435px;overflow: hidden;}
.yj_cases_con .bd ul .item .list{width: 535px;padding:0 35px;box-sizing: border-box;}
.yj_cases_con .bd ul .item .list h2{font-size: 24px;line-height: 2.5;color: #fff;border-bottom: 1px solid #0d9cde;margin: 20px auto;}
.yj_cases_con .bd ul .item .list h2 a{color: #fff;}
.yj_cases_con .bd ul .item .list p{line-height: 2;color: #fff;margin-bottom: 40px;}
.yj_cases_con .bd ul .item .list .more{padding: 8px 30px;border: 1px solid #fff;color: #fff;}
.yj_cases_con .bd ul .item .list .more:hover{background: #f06200;border-color: #f06200;}

.yj_cases_con2{ width:1200px; position:relative;margin: 20px auto;}
.yj_cases_con2 .bd .prev,.yj_cases_con2 .bd .next{ display:inline-block; width: 50px; height: 50px;font-family: 'kaiti';border: 1px solid #999;color: #999;border-radius: 50%;text-align: center;line-height: 50px;font-size: 36px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer; }
.yj_cases_con2 .bd .prev{margin-left: -60px;left: 0;}
.yj_cases_con2 .bd .next{margin-right: -60px;right: 0;}
.yj_cases_con2 .bd .prev:hover,.yj_cases_con2 .bd .next:hover{border-color: #008ed0;color: #008ed0;}
.yj_cases_con2 .bd{ }
.yj_cases_con2 .bd ul{ overflow:hidden; zoom:1; }
.yj_cases_con2 .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.yj_cases_con2 .bd ul li .pic{ text-align:center; }
.yj_cases_con2 .bd ul li .pic img{ width:285px; height:214px; display:block; }
.yj_cases_con2 .bd ul li .title a{ line-height: 3; }
/* yj_product */
.yj_product_con01 {position: relative;}
.yj_product_con01 .tit_p{position: absolute;left: 0;font-size: 30px;top: 10px;padding-left: 30px;}
.yj_product_con01 .tit_p:before{content:'';position: absolute;left: 0;width: 20px; height: 2px;background: #008ed0;top: 50%;transform: translateY(-50%);}
.yj_product_con01 .hd{  position:relative; }
.yj_product_con01 .hd ul{display: flex;flex-wrap: nowrap;justify-content: flex-end;}
.yj_product_con01 .hd ul li{width: 18%;text-align: center; }
.yj_product_con01 .hd ul li a{display: block;width: 100%;height: 45px;line-height: 45px;box-sizing: border-box;font-size: 16px;}
.yj_product_con01 .hd ul li.on a{background: #f06200;color: #fff;border: none;}
.yj_product_con01 .bd ul{ padding:0;  zoom:1; margin: 20px auto; }
.yj_product_con01 .bd ul .item{display: flex;flex-wrap: nowrap;justify-content:space-around;width: 1200px;box-sizing: border-box;}
.yj_product_con01 .bd ul li{ text-align:center;  padding: 8px;border: 1px solid #efefef;width: 24%;box-sizing: border-box;}
.yj_product_con01 .bd ul li:hover{ text-align:center;  padding: 8px;border: 1px solid #008ed0;}
.yj_product_con01 .bd ul li:hover .title a{color:#008ed0 ;}
.yj_product_con01 .bd ul li .pic{ text-align:center;width:100%; overflow:hidden;  }
.yj_product_con01 .bd ul li .pic img{  display:block;width:100%;}
.yj_product_con01 .bd ul li .title a{ line-height: 3; font-size: 16px;}
.yj_product_con02 {position: relative;background: #008ed0;padding: 40px 0;}
.yj_product_con02 .tit_p{position: absolute;left: 0;font-size: 30px;top: 10px;padding-left: 30px;}
.yj_product_con02 .tit_p a{color: #fff;}
.yj_product_con02 .tit_p:before{content:'';position: absolute;left: 0;width: 20px; height: 2px;background: #fff;top: 50%;transform: translateY(-50%); color: #fff;}
.yj_product_con02 .hd{  position:relative; }
.yj_product_con02 .hd ul{display: flex;flex-wrap: nowrap;justify-content: flex-end;}
.yj_product_con02 .hd ul li{width: 12%;text-align: center; }
.yj_product_con02 .hd ul li a{display: block;width: 100%;height: 45px;line-height: 45px;box-sizing: border-box;font-size: 16px;color: #fff;}
.yj_product_con02 .hd ul li.on a{background: #f06200;border: none;}
.yj_product_con02 .bd ul{ padding:0;  zoom:1; margin: 20px auto; }
.yj_product_con02 .bd ul .item{display: flex;flex-wrap: nowrap;justify-content:space-around;width: 1200px;box-sizing: border-box;}
.yj_product_con02 .bd ul li{ text-align:center;  padding: 8px;background: #fff;}
.yj_product_con02 .bd ul li:hover{ text-align:center;  padding: 8px;background: #fff;}
.yj_product_con02 .bd ul li:hover .title a{color:#333 ;}
.yj_product_con02 .bd ul li .pic{ text-align:center;width:375px; overflow:hidden;  }
.yj_product_con02 .bd ul li .pic img{ width:375px; height:281px; display:block;}
.yj_product_con02 .bd ul li .title a{ line-height: 3; font-size: 16px;color: #333;}
/* yj_adv */
.yj_adv_con{position: relative;padding-bottom: 45px;margin-bottom: 40px;}
.yj_adv_con::before{content: '';width: 50%; height: 355px;background: #f5f5f5;position: absolute;top: 55px;}
.yj_adv_con:nth-of-type(2) .list dl::before{background: url(../images/adv01.png) no-repeat}
.yj_adv_con:nth-of-type(2)::before{right:0;}
.yj_adv_con:nth-of-type(2) .pic{float: left;}
.yj_adv_con:nth-of-type(2) .list{float: right;}
.yj_adv_con:nth-of-type(3) .list dl::before{background: url(../images/adv02.png) no-repeat}
.yj_adv_con:nth-of-type(3)::before{left:0;}
.yj_adv_con:nth-of-type(3) .pic{float: right;}
.yj_adv_con:nth-of-type(3) .list{float: left;}
.yj_adv_con:nth-of-type(3) .list dl{margin-left: 0;}
.yj_adv_con:nth-of-type(4) .list dl::before{background: url(../images/adv03.png) no-repeat}
.yj_adv_con:nth-of-type(4)::before{right:0;}
.yj_adv_con:nth-of-type(4) .pic{float: left;}
.yj_adv_con:nth-of-type(4) .list{float: right;}
.yj_adv_con .list dl{padding:40px 50px 0 70px;margin-left: 40px;}
.yj_adv_con .list dl::before{content: '';background: url(../images/adv02.png) no-repeat;position: absolute;left: 0;top: 40px;width: 60px;height: 49px;}
.yj_adv .pic{width: 635px;height: 355px;overflow: hidden;}
.yj_adv .list{width: 565px;overflow: hidden;}
.yj_adv .list dl{box-sizing: border-box;margin-top: 60px;position: relative;}
.yj_adv .list dl dt{font-size: 30px;color: #333;font-weight: bold;border-bottom: 1px solid #e7e7e7;line-height: 2;margin-bottom: 10px;}
.yj_adv .list dl dd{font-size: 16px;line-height: 2.5;color: #666666;}
.yj_adv_con:last-child{margin-bottom: 0;}

/* yj_ser */

.yj_ser{ height: 370px; padding-top: 25px; border-bottom: 1px dotted #b8b7b6; overflow: hidden; 
    background: url("../images/yj_ser_bg.jpg") no-repeat center 200px;margin-bottom: 30px;}
.yj_ser li{ width: 68px; height: 107px; float: left; margin-left: 83px; font-size: 16px; color: #4d4d4d; text-align: center;cursor: pointer;}
.yj_ser li:first-child{ margin-left: 46px;}
.yj_ser li span{ display: block; width: 68px; height: 68px; margin-bottom: 13px;border-radius: 50%;border: 1px solid #999;box-sizing: border-box; }
.yj_ser .yj_ser1 span{ background: url("../images/yj_ser1.png") no-repeat;}
.yj_ser .yj_ser2 span{ background: url("../images/yj_ser2.png") no-repeat;}
.yj_ser .yj_ser3 span{ background: url("../images/yj_ser3.png") no-repeat;}
.yj_ser .yj_ser4 span{ background: url("../images/yj_ser4.png") no-repeat;}
.yj_ser .yj_ser5 span{ background: url("../images/yj_ser5.png") no-repeat;}
.yj_ser .yj_ser6 span{ background: url("../images/yj_ser6.png") no-repeat;}
.yj_ser .yj_ser7 span{ background: url("../images/yj_ser7.png") no-repeat;}
.yj_ser .yj_ser8 span{ background: url("../images/yj_ser8.png") no-repeat;}
.yj_ser li:hover span{ background-position: 0 -96px;background-color: #008ed0;border: 1px solid #008ed0;}
.yj_ser li .yj_ser-title{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 26px; line-height: 25px;}

/* yj_about */
.yj_about{margin-bottom: 30px;padding-bottom: 60px;position: relative;}
.yj_about::after{content: '';background: #f8f8f8;width: 100%; height: 325px;position: absolute;bottom: 0; z-index: 0;}
.yj_about .content{background: #fff;position: relative;z-index: 1;}
.yj_about .pic{width: 600px; height: 397px; overflow: hidden;}
.yj_about .item{width: 580px; height: 397px;border: 1px solid #efefef;border-left: none;box-sizing: border-box;padding: 30px;background: #fff;}
.yj_about .item h1{font-size: 24px;color: #008ed0;border-bottom: 1px solid #efefef;line-height: 2;margin-bottom: 20px;}
.yj_about .item p{text-indent: 30px;color: #666;line-height: 2;}

/* yj_news */
.yj_news{margin-bottom: 30px;}
.news_l{ float:left; overflow:hidden; }
.news_l dl { padding-left: 30px; padding-top: 30px; height: 173px; width: 125px; background: #f06200; margin-top: 1px; overflow: hidden; position: relative; }
.news_l dl:after{ content: ''; display: block; position: absolute; top:0; left: -100%; transition:0.2s all ease-in-out; width: 100%; height: 100%; background: #008ed0; }
.news_l dl > *{ position: relative; z-index: 3}
.news_l dl.active:after,.news_l dl:hover:after{ left: 0; }
.news_l dl strong{ font-size:18px; color:#fff; display:block; line-height: 32px; padding-top: 13px; font-weight: normal;}
.news_l dl span{ color:#fff; color: rgba(255,255,255,.6); text-transform:uppercase; display: block; padding-bottom: 15px; font-family: 'arial'; line-height: 20px; }
.news_l dl li{ height:22px; width:70px; border:1px solid #fff; text-align:center; }
.news_l dl li a{ line-height:22px; display:block; color:#fff; }

.new_cont .news_row2 { position: absolute; left: 0; top: 0; display: none; width: 650px; height: 410px; }
.new_cont { position: relative; width: 650px; height: 410px; display: block; }
.news_nor{ height:410px; width:650px; overflow:hidden; margin-left: 7px; }
.news_row2 .divdgweb_new_div, .news_row2 .news_div { padding: 0px 10px; height: 410px; font-weight: normal; }

.news_row2 .news_div_item, .news_row2 .divdgweb_new_div_item { position: relative; padding: 6px 0; height: 40px; overflow: hidden; transition: 0.3s all ease; border-bottom: 1px solid #f5f5f5; }
.news_row2 .divdgweb_new_div_item_date, .news_row2 .news_div_item_date { position: absolute; right: 20px; top: 17px; transition: 0.3s all ease; }
.news_row2 .divdgweb_new_div_item_date > div, .news_row2 .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 12px; font-family: 'arial'; }
.news_row2 .news_div_item_title, .news_row2 .divdgweb_new_div_item_title{ position: relative; }

.news_row2 .news_div_item_year:after, .news_row2 .news_div_item_year::after, .news_row2 .divdgweb_new_div_item_year:after, .news_row2 .divdgweb_new_div_item_year::after{ content: '-'; }
.news_row2 .on .news_div_item_year:after, .news_row2 .on .divdgweb_new_div_item_year:after,{ content: ''; }
.news_row2 .news_div_item_title:after, .news_row2 .divdgweb_new_div_item_title:after{ content: ''; background: #333; width: 4px; height: 4px; position: absolute; left: 10px; top: 19px; }
.news_row2 .on .news_div_item_title:after, .news_row2 .on .divdgweb_new_div_item_title:after{ content: ''; display: none; }
.news_row2 .news_div_item_title .news_div_item_a, .news_row2 .divdgweb_new_div_item_title .divdgweb_new_div_item_a { font-size: 15px; color: #444; padding-left: 26px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all ease; }
.news_row2 .news_div_item_pic, .news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body{ transition: 0.3s all ease; }
.news_row2 .news_div_item_pic { padding-top: 15px; padding-left: 15px; }
.news_row2 .news_div_item_pic a, .news_row2 .news_div_item_pic a img { display: block; width: 220px; height: 162px; }
.news_row2 .news_div_item.on, .news_row2 .divdgweb_new_div_item.on{ height: 173px; border-bottom: 1px dotted #ccc; padding: 0 0 20px; background: #f5f5f5}
.news_row2 .news_div_item_body, .news_row2 .divdgweb_new_div_item_body { line-height: 24px; color: #767676; font-size: 13px; width: 354px; text-align: justify; position: absolute; right: 20px; top: 110px; }
.news_row2 .on .divdgweb_new_div_item_date, .news_row2 .on .news_div_item_date { top: 23px; right: 312px; }
.news_row2 .on .news_div_item_title .news_div_item_a, .news_row2 .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 230px; top: 70px; width: 245px; }
.news_row2 .on .divdgweb_new_div_item_date > div, .news_row2 .on .news_div_item_date > div { font-weight: bold; color: #333; font-size: 24px; line-height: 30px; }
.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year, .news_row2 .on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 1px; }
.news_row2 .on .news_div_item_date > .news_div_item_year:after,.news_row2 .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year:after{ content: ''; }

.wend{ float: right; margin-right: 0; padding-left: 16px; width:354px; height: 410px; }
.wend h2{ left:0; margin-bottom: 25px; }
.wend h2 a{ font-size:18px; color:#2d2f46; }
.wend h2 a.more{ font-size:16px; color:#999;font-weight: normal; }
.wend h2 a span{ color:#999999; font-size:14px; font-weight: normal; }
.more{float: right;}
.wend .divdgweb_new_div_item_a { font-size: 15px; }
.wend .divdgweb_new_div_item_content{border-bottom: 1px solid #eee; padding: 12px 0 0 0;}
.wend .lastdl{ border-bottom: none;}
.wend .divdgweb_new_div_item_title{ height:29px; line-height:29px; font-size:14px; color:#333333; overflow: hidden;font-weight: bold;}
.wend .divdgweb_new_div_item_title a{ color:#333333;}
.wend .divdgweb_new_div_item_title a:hover{color: #333}
.wend .divdgweb_new_div_item_body{line-height:25px; color:#666; height: 75px; font-size: 13px; overflow: hidden;margin-bottom: 10px;}